form - input


Posted by mijouhsieh on 2023-03-31

form送出後,清除input的值 searchInput.value = ""

CODEPEN LINK

 <form id="search-form">
    <label for="search-input"> input something </label>
    <input type="text" id="search-input" placeholder="text..." />
    <button id="addBtn"> ADD </button>
</form>
searchForm.addEventListener("submit", function addItem(event) {
  event.preventDefault();
  const item = searchInput.value.trim();
  // searchInput.innerText = '' // 是抓value屬性,改innerText無效
  searchInput.value = "";
  if (!item.length) return;
  showItemToScreen(item);
});

#searchInput.value #clear input value







Related Posts

	JS-[forEach篇]-遍歷陣列:for of 與 .forEach()

JS-[forEach篇]-遍歷陣列:for of 與 .forEach()

F2E合作社|安裝與格線|Bootstrap 5網頁框架開發入門

F2E合作社|安裝與格線|Bootstrap 5網頁框架開發入門

[TensorFlow Certification Day8] NLP建立model (6hrs)

[TensorFlow Certification Day8] NLP建立model (6hrs)


Comments